<template>
	<view class="change-tutoroal full box relative flex-col bg-white">
		<view class="tab-box">
			<u-tabs :bold="false" :height="100" :list="tabList" :is-scroll="false" v-model="current"
				@change="change"></u-tabs>
		</view>
		<view class="w-wrap">
			<view class="w-inner">
				<tab1-vue v-if="current===0" />
				<tab2-vue v-if="current===1" />
			</view>
		</view>
	</view>
</template>

<script>
	import Tab1Vue from './tab1.vue';
	import Tab2Vue from './tab2.vue';
	export default {
		components: {
			Tab1Vue,
			Tab2Vue
		},
		data() {
			return {
				current: 0,
				tabList: [{
					name: '帮助说明'
				}, {
					name: '滤芯记录'
				}]

			}
		},
		methods: {
			change(ev) {
				this.current = ev
			}
		},
	}
</script>

<style lang="scss" scoped>
	.change-tutoroal {
		.tab-box {
			border-bottom: 2rpx solid #E7E7E7;
		}
	}
</style>